<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>投票页面</title>
    <#include "/common/link.ftl">


</head>
<body class="hold-transition skin-black sidebar-mini">
<div class="wrapper">
    <#include "/common/navbar.ftl">
    <#assign currentMenu="activity"/>
    <#include "/common/menu.ftl">
    <div class="content-wrapper">
        <section class="content-header">
            <h1>投票页面</h1>
        </section>
        <section class="content">
            <div class="box" style="padding: 10px">
                <div class="row">

                    <div class="col-md-offset-4 col-md-8">
                        <h1>${activity.title}</h1>
                    </div>
                    <div class="col-md-12">
                        <div class="panel panel-default container">
                            <div class="panel-body">
                                <form id="editForm" action="#" method="post">
                                    <input name="id" value="${activity.id}" type="hidden">
                                   <#list  Items as c>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" value="${c.id}">
                                                   ${c_index+1}.${c.content}
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                   </#list>
                                    <button type="button" class="btn btn-primary btn-submit">提交</button>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <#include "/common/footer.ftl">
</div>
<script>
    $('.btn-submit').click(function () {
        let id = $('input[name=id]').val();
        let optionsRadios = $('input[name=optionsRadios]').val();

        Swal.fire({
            title:'温馨提示',
            text: '是否确认投票',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: '确认',
            cancelButtonText: '取消'
        }).then((result) => {
            if (result.value) { //确认
                $.get('/activity/isVote?id='+id,function (data) {
                    if (data.success){
                        window.location.href='/activity/result?id='+id+'&optionsRadios='+optionsRadios
                        window.location.href='/activity/result?id='+id+'&optionsRadios='+optionsRadios
                    }else {
                        Swal.fire({
                            title:'温馨提示',
                            text: '你已经投过票了,不能再次投票',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonText: '确认',
                            cancelButtonText: '取消'
                        }).then((result) => {
                            if (result.value) {//确认
                                window.location.href='/activity/list'
                            }

                        })
                    }
                });

            }
        });

    })
</script>
</body>
</html>
